<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
    <meta name="keywords" content="门户网站在制作,中小企业信息化,">
    <meta name="description" content="景致创意，奉行简约而不简单的设计风格，以务实的态度,致力于创造最好的门户网站与信息化解决方案。">
    <link href="/static/css/shared.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/site.css" rel="stylesheet" type="text/css"/>
    <link rel='icon' href='/static/images/favicon.ico' mce_href='/static/images/favicon.ico' type='image/x-icon'>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js" type="text/javascript"></script>
    <style>

        body {
            background: transparent url(/static/images/blueprint.png) repeat;
            color: #333;
        }

        #wrapper {

        }

        #head_holder {
            width: 900px;
            margin-left: auto;
            margin-right: auto;
            padding-top: 80px;
        }

        #body_holder {
            width: 900px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 28px;
        }

        .nav_holder {
            float: left;
            width: 150px;
            min-height: 500px;

            background: url(/static/images/nav-bg.png) right top no-repeat;
            height: 350px;
            padding-right: 10px;
        }

        .content_holder {
            float: left;
            width: 740px;
            min-height: 500px;

        }


        #foot_holder {
            width: 900px;
            height: 100px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 20px;
            border-top: solid 1px #c6c6c6;
        }

        .nav {
            text-align: right;
            margin-right: 16px;
            margin-top: 6px;
            text-align: right
        }

        .nav p {

        }

        .nav a {
            font-size: 26px;
            color: #808080;
            text-decoration: none;
        }

        .nav a:hover {
            font-size: 32px;
            color: #d4542d;
        }

        .selected {
            font-size: 32px;
            color: #299bd4;
        }
    </style>
    {% block style %}{% endblock %}
</head>
<body>
<div id="wrapper">
    <div class="clearfix" id="head_holder">
        <div style="float: left">
            <a href="/"><img src="http://shared.b0.upaiyun.com/scenic/scenic_logo2.png" alt=""/></a>
        </div>
        <div style="float: right;">
            <!-- JiaThis Button BEGIN -->
            <div style="float: right;" class="jiathis_style">
                <a class="jiathis_button_qzone"></a>
                <a class="jiathis_button_tsina"></a>
                <a class="jiathis_button_tqq"></a>
                <a class="jiathis_button_renren"></a>
                <a class="jiathis_button_kaixin001"></a>
                <a href="http://www.jiathis.com/share?uid=1554843" class="jiathis jiathis_txt jtico jtico_jiathis"
                   target="_blank"></a>
                <a class="jiathis_counter_style"></a>
            </div>
            <script type="text/javascript">
                var jiathis_config = {data_track_clickback: 'true'};
            </script>
            <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1554843" charset="utf-8"></script>
            <!-- JiaThis Button END -->
            <br/>
            <a style="color: #4b4b4b; display: block;margin-top: 8px; font-size:18px;"
               href="mailto:biz@scenicstudio.net">咨询:biz@scenicstudio.net</a>
            <p style="text-align: right;">(24小时内回复)</p>
        </div>
    </div>
    <div id="body_holder" class="clearfix">
        <div class="nav_holder">
            <div class="nav">
                <a href="/"><p {{ "class=selected" if page=='index' else '' }}>A /首页</p></a>
                <a href="/cases"><p {{ "class=selected" if page=='cases' else '' }}>B /案例</p></a>
                <a href="/service"><p {{ "class=selected" if page=='service' else '' }}>C /服务</p></a>
                <a href="/member"><p {{ "class=selected" if page=='member' else '' }}>D /成员</p></a>
                <a href="/about"><p {{ "class=selected" if page=='about' else '' }}>E /关于</p></a>
                <a href="/links"><p {{ "class=selected" if page=='links' else '' }}>F /友链</p></a>
            </div>
        </div>
        <div class="content_holder">
            {% block content %}{% endblock %}
        </div>
    </div>
    <div id="foot_holder">
        <div style="float: left;margin-top: 6px;font-size: 14px;">
            <p style="color: #808080">© 2012-2013 ScenicStudio.net ALL RIGHTS & RESTRICTIONS RESERVED.</p>
            <script src="http://s14.cnzz.com/stat.php?id=5033960&web_id=5033960&show=pic2"
                    language="JavaScript"></script>
        </div>
        <div style="float: right; margin-top: 8px; ">
            <a target="_blank" href="http://www.python.org/">
                <img style="max-height: 30px;"
                     src="http://www.python.org/community/logos/python-powered-w-100x40.png"
                     border="0"
                     alt="Flask powered"
                     title="Flask powered"></a>
            <a target="_blank" href="http://flask.pocoo.org/">
                <img style="max-height: 30px;"
                     src="http://flask.pocoo.org/static/badges/flask-powered.png"
                     border="0"
                     alt="Flask powered"
                     title="Flask powered"></a>
        </div>
    </div>
</div>
</body>
</html>